<html>
<head>
    <meta charset="utf-8">
    <title>OpenLayer3 Demo</title>
    <!-- 项目支持资源导入 -->
    <link href="../commons/OpenLayer3/css/ol.css" type="text/css" rel="stylesheet">
    <link href="../commons/OpenLayer3/resources/bootstrap/css/bootstrap.min.css" type="text/css" rel="stylesheet">
    <link href="../commons/OpenLayer3/resources/bootstrap/css/bootstrap-responsive.min.css" type="text/css"
          rel="stylesheet">
    <link rel="stylesheet" href="../commons/OpenLayer3/resources/layout.css"/>
    <!--<script src="../commons/OpenLayer3/build/ol.js"></script>-->
    <script src="../commons/OpenLayer3/build/ol-debug.js"></script>

    <!-- 项目开发CSS资源导入 -->
    <link rel="stylesheet" href="./static/css/demo.css"/>
</head>
<body>
<div class="navbar navbar-inverse navbar-fixed-top">
    <div class="navbar-inner">
        <div class="container">
            <a class="brand" href="./">
                <img src="../commons/OpenLayer3/resources/logo.png" alt=""/>
                OpenLayers 3 例子
            </a>
        </div>
    </div>
</div>
<div class="container-fluid">
    <div class="row-fluid">
        <div class="span12">
            <a class="skiplink" href="#map"> Go to Map</a>
            <div id="map" class="map" tabindex="0" />
        </div>
    </div>
    <div class="row-fluid">
        <div class="span12">
            <h4 id="title">可访问性例子</h4>
            <p id="shortdesc">可访问性例子</p>
            <div id="tags">accessibility,tabindex</div>
        </div>
    </div>
</div>
<!-- 项目开发JS资源引入 -->
<script src="static/js/demo.js"></script>
</body>
</html>
